﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Stock Chart</title>
    <link href="css/flyout.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/SinaDataProvider.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript">
        var dd = new SinaDataProvider();
        function switchChart(type) {
            var code = document.getElementById("flyoutTitleLink").stockCode;
            document.getElementById("flyoutChart").src = dd.GetChartUrl(code, type);

        }

        function showTab(id, id2) {
            document.getElementById(id).style.display = "";
            document.getElementById(id2).style.display = "none";

        }

        
    </script>
</head>
<body onkeydown="keyNavigateClose();" onload="showTab('chart','buySaleTips');">
    <div id="flyoutBack">
        <div id="flyoutTitle">
            <a id="flyoutTitleLink"></a><a id="flyoutPubDate"></a>
        </div>

        <div id="flyoutMain">
            <div>
                <a href="#" onclick="showTab('chart','buySaleTips'); return false;">走势图</a>
                 <a href="#" onclick="showTab('buySaleTips','chart');return false;">
                    五档口</a>
            </div>
            <div id="chart">
                <a href="#" onclick="switchChart('min');return false;">分时</a> <a href="#" onclick="switchChart('daily');return false;">
                    日K</a> <a href="#" onclick="switchChart('weekly');return false;">周K</a> <a href="#" onclick="switchChart('monthly');return false;">
                        月K</a>
                        <br />
                <img src="" id="flyoutChart" alt="stock chart" style="width: 545px; height: 300px;
                    border: 0px;" />
            </div>

          <div id="buySaleTips" style="font-size: 11px; width: 180px; color: #000000; font-family: 微软雅黑;">
            <div>
                <span>今开</span><span id="todayopen"> </span>
                <br />
                <span>昨收</span><span id="yesterday"> </span>
            </div>
            <div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        卖⑤</div>
                    <div id="SalePrice5" class="SaleBugPrice">
                        45.55</div>
                    <div id="SaleVolume5" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        卖④</div>
                    <div id="SalePrice4" class="SaleBugPrice">
                        45.55</div>
                    <div id="SaleVolume4" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        卖③</div>
                    <div id="SalePrice3" class="SaleBugPrice">
                        45.55</div>
                    <div id="SaleVolume3" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        卖②</div>
                    <div id="SalePrice2" class="SaleBugPrice">
                        45.55</div>
                    <div id="SaleVolume2" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        卖①</div>
                    <div id="SalePrice1" class="SaleBugPrice">
                        12.89</div>
                    <div id="SaleVolume1" class="SaleBugVolume">
                        12121</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        成交</div>
                    <div id="currentprice" class="SaleBugPrice">
                        12.89</div>
                    <div id="Div2" class="SaleBugVolume">
                    </div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        买①</div>
                    <div id="BuyPrice1" class="SaleBugPrice">
                        45.55</div>
                    <div id="BuyVolume1" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        买②</div>
                    <div id="BuyPrice2" class="SaleBugPrice">
                        45.55</div>
                    <div id="BuyVolume2" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        买③</div>
                    <div id="BuyPrice3" class="SaleBugPrice">
                        45.55</div>
                    <div id="BuyVolume3" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        买④</div>
                    <div id="BuyPrice4" class="SaleBugPrice">
                        45.55</div>
                    <div id="BuyVolume4" class="SaleBugVolume">
                        333</div>
                </div>
                <div class="SaleBuyItem">
                    <div class="SaleBugTitle">
                        买⑤</div>
                    <div id="BuyPrice5" class="SaleBugPrice">
                        45.55</div>
                    <div id="BuyVolume5" class="SaleBugVolume">
                        333</div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <g:background id="flyoutBG" style="z-index: -1" src="images/flyoutBack.png" />
</body>
</html>
